import React from 'react'
import './Bottombar.css'
import logo from '../../img/logo.png'

class Bottombar extends React.Component {  
   constructor( ){          
    super();        
    this.state = {name:''}  
  }  
  render( ) { 
    return (
      <div id='bottom'>
        <div id='bottom-star'>
          <div id='bottom-star-all'>
            <text id='bottom-star-text'>关注我们</text>
            <text className="iconfont icon-weixin" style={{fontSize:'18px',backgroundColor:'#e5e5e5',color:'#4d4d4d',flex:0.3,paddingRight:'5px',paddingTop:'20px'}}></text>
            <text className="iconfont icon-weibo" style={{fontSize:'18px',backgroundColor:'#e5e5e5',color:'#4d4d4d',flex:0.3,paddingRight:'5px',paddingTop:'20px'}}></text>
            <text className="iconfont icon-github" style={{fontSize:'18px',backgroundColor:'#e5e5e5',color:'#4d4d4d',flex:0.3,paddingRight:'5px',paddingTop:'20px'}}></text>
          </div>
          <div id='bottom-line1'></div>
        </div>
        <div id='bottom-add'>
          <div id='bottom-add-text'>加入我们</div>
          <div id='bottom-line2'></div>
        </div>
        <div id='bottom-relate'>
          <div id='bottom-relate-text'>联系我们</div>
          <div id='bottom-line3'></div> 
        </div>
        <div id='bottom-beian'>
          <img src={logo} alt='' id='bottom-logo'/>
          <div id='bottom-beian-all'>
            <text className="iconfont icon-beian" style={{fontSize:'20px',backgroundColor:'#e5e5e5',color:'#4d4d4d',paddingTop:'20px'}}></text>
            <text id='bottom-line-text'>冀ICP备2020025294号-1</text>
          </div>
        </div>
      </div>
    ) 
  }  
} 

export default Bottombar